<template>
    <div class="expand">
        <Row class="expand-row">
            <Col span="6">
                <span class="expand-key">商品总价：</span>
                <span class="expand-value" v-text="row.total_price"></span>
            </Col>
            <Col span="6">
                <span class="expand-key">下单时间：</span>
                <span class="expand-value" v-text="row.add_time"></span>
            </Col>
            <Col span="6">
                <span class="expand-key">推广人：</span>
                <span class="expand-value" v-text="row.spread_nickname?row.spread_nickname:'无'"></span>
            </Col>
            <Col span="6">
                <span class="expand-key">事业部：</span>
                <span class="expand-value" v-text="row.division_name?row.division_name:'无'"></span>
            </Col>
        </Row>
        <Row>
            <Col span="6">
                <span class="expand-key">用户备注：</span>
                <span class="expand-value" v-text="row.mark?row.mark:'无'"></span>
            </Col>
            <Col span="6">
                <span class="expand-key">商家备注：</span>
                <span class="expand-value" v-text="row.remark?row.remark:'无'"></span>
            </Col>
            <Col span="6">
                <span class="expand-key">核销码：</span>
                <span class="expand-value" v-text="row.verify_code?row.verify_code:'无'"></span>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        name: 'table-expand',
        props: {
            row: Object
        }
    }
</script>

<style scoped>
    .expand{
        padding-left: 50px;
    }
    .expand-row{
        margin-bottom: 16px;
    }
</style>
